.theme-white {
  .avue-header,
  .avue-logo,
  .tags-container {
    background-color: #fff;
  }

  .avue-sidebar--tip {
    background-color: transparent;
    color: #71829DFF;
  }

  .el-dropdown {
    color: #71829DFF;
  }

  .avue-logo_title {
    font-weight: 400;
    color: #fff;
  }

  .logo_title,
  .avue-breadcrumb {
    color: #fff;

    i {
      color: #fff;
    }
  }

  .avue-top {
    .el-menu-item {
      i,
      span {
        color: #71829DFF;
      }

      &:hover {
        i,
        span {
          color: #fff;
        }
      }
    }
  }

  .el-menu--popup {
    background-color: #fff;

    .el-menu-item {
      background-color: #fff;

      span, i {
        color: #666;
      }

      &.is-active {
        background-color: #ffffff;

        span, i {
          color: #fff;
        }
      }
    }
  }

  .avue-sidebar {
    box-shadow: 2px 0 6px rgba(0, 21, 41, 0.15);

    .el-menu {
      background-color: #fff;

      li {
        background-color: $main2Bg;
        margin-top: 5px;
      }

      .el-menu--inline {

        i, span {
          color: #ffffff;
          font-size: 14px;
        }

        .el-submenu__title {
          i, span {
            color: #fff;
          }
        }
      }
    }

    background-color: $main2Bg;

    .el-menu-item, .el-submenu__title {
      i, span {
        color: #fff;
      }

      background-color: $mainBg;
    }

    .el-menu-item, .el-submenu__title {
      &:hover {
        background-color: transparent;

        i, span {
          color: #87b4d1;
        }
      }
    }

    .el-menu-item.is-active, .el-submenu__title.is-active {
      background-color: $main2Bg;

      i, span {
        color: #ffffff;
        font-weight: 600;
      }

      &::before {
        display: none;
      }

      &:hover {
        background-color: $main2Bg;
        i, span {
          color: #87b4d1;
        }
      }
    }
  }

  .top-search {
    .el-input__inner {
      color: #fff;
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #fff;
    }

    input:-moz-placeholder,
    textarea:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #fff;
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #fff;
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #fff;
    }
  }

  .top-bar__item {
    i {
      color: #71829DFF;
    }
  }
}


